iT邦幫忙

vibe coding相關文章
共有 31 則文章
鐵人賽 生成式 AI DAY 30

技術 (Day 30) Vibe Coding 的一些經驗與心得,以及對軟體工程師未來的一些隨想

這篇鐵人賽最後一篇文章想聊聊我這段時間在 Vibe Coding 的一些體驗與心得,也順便分享我對 AI 時代下,作為軟體工程師該如何看待自身能力和未來角色的一...

鐵人賽 生成式 AI DAY 29

技術 (Day 29)零基礎也能行!用 VIBE CODING 與 AI 打造 PWA 兒童任務管理平台的經驗總結

如果你問過去的我:「要不要用網頁技術做一個完整的應用?」 我大概會搖頭,因為我本身是一名長期專注於 桌面應用程式開發 的上班族工程師。 對於 React、Fir...

鐵人賽 生成式 AI DAY 28

技術 (Day 28)下一步發想:AI 與八角框架,為孩子設計一個更有動力的任務世界

關於平台的開發經驗,分享到此暫告一段落。接下來,我將主要分享平台未來的發展思考,以及這段時間與 AI 協作的開發心得與總結。 這個平台的目標,是希望能幫助孩子把...

鐵人賽 生成式 AI DAY 27

技術 (Day 27) Kiro 初體驗:Spec 與 Vibe 模式的開發日誌實測

這段時間因為投入 iThome 鐵人賽文章的撰寫,平台的更新暫時停了下來。 為了避免思路斷掉,我決定在網站上增加一個「開發日誌」頁面,專門記錄平台的開發過程與背...

鐵人賽 生成式 AI DAY 26

技術 (Day 26)快速上手任務管理,AI 幫忙設計的任務模板

雖然平台中的任務管理功能已經算是完整,也經過多次調整,但仍有用戶回饋:「能不能提供一些任務建議?因為不知道要新增什麼。」任務管理是整個平台最核心的功能,如果新手...

鐵人賽 生成式 AI DAY 25

技術 (Day 25)把單字學習變成挑戰:AI 協助的親子實驗

在這段收集使用者回饋的時間裡,除了平台使用上的一些小問題之外,孩子的媽也提出了一個新的需求: 能不能在平台裡加入單字學習的功能? 確實,既然孩子每天都會透過任務...

鐵人賽 生成式 AI DAY 24

技術 (Day 24)回饋驅動的進化:小細節、大體驗 — AI 協助下的 UI 優化之路

在上一篇文章裡,我分享了透過 AI 來改善使用者對任務管理功能的回饋意見,進而推動平台功能與 UI 細節持續優化的過程。這篇文章,則要延續這個主題,分享更多實際...

鐵人賽 生成式 AI DAY 23

技術 (Day 23)任務管理再升級:AI 協助下的月曆、週期與匯入功能

在產品開發的世界裡,上線並不是結束,而是新的起點。 一個系統能否長久被使用,不僅取決於功能是否完整,還取決於它的 維護性、彈性,以及回應使用者需求的速度。這些因...

鐵人賽 生成式 AI DAY 22

技術 (Day 22)AI 幫我設計「免費升級方案 + 贊助金流」的運作實驗

把腦中想像的育兒工具慢慢做成能用的平台,這一路上 AI 幫了我很多忙。 到目前為止,平台已經有 任務管理、每週報告、成就系統 以及其他更多核心功能,小孩能自己操...

鐵人賽 生成式 AI DAY 21

技術 (Day 21)AI 幫我上架 Google Play:從 PWA 到 TWA 的實驗(下集)

在上一篇文章中,我透過 AI 的協助,把一個原本只是網頁型態的 PWA(Progressive Web App) 包裝成 Android App,並利用 TWA...

鐵人賽 生成式 AI DAY 20

技術 (Day 20)AI 幫我上架 Google Play:從 PWA 到 TWA 的實驗(上集)

從開發初期到現在,我的兒童任務管理平台一直以 PWA(Progressive Web App) 的形式存在。 PWA 的好處很明顯:只要一個網址,就能在大多數裝...

鐵人賽 生成式 AI DAY 19

技術 (Day 19)讓平台更完整:AI 打造專業入口網站 (下集)

當網站正式上線的那一刻,我還蠻開心的,因為整個平台終於有了完整的樣子。但冷靜下來之後我又想,現在的網站其實有點空洞,整個網站看起來也要有「內容感」才行。畢竟使用...

鐵人賽 生成式 AI DAY 18

技術 (Day 18)讓平台更完整:AI 打造專業入口網站(上集)

到目前為止,平台的功能其實已經算是完整,我自己的孩子也都能獨立操作使用;也有邀請過幾位家長試用,得到了一些正面的回饋。對我來說,這已經算是一個重要的里程碑。 但...

鐵人賽 生成式 AI DAY 17

技術 (Day 17)從網頁到 App:AI 幫我重塑兒童任務管理平台體驗

因為這個平台希望能透過輕度遊戲化的方式幫助引導孩子完成每天的任務,例如收拾書包、刷牙、整理房間,讓「例行公事」變得更有趣、更具成就感。同時,因為家長是陪伴孩子的...

鐵人賽 生成式 AI DAY 16

技術 (Day 16)AI 幫我打造信件報告與回饋系統:從 Gmail、SendGrid 到 Resend 的選擇

在完成兒童任務管理平台的核心功能後,我又在 AI 的協作下,快速打造了「每週報告」:彙整任務完成率、活動紀錄與獎勵兌換等等;接著,我又想到的一個適合的常見功能&...

鐵人賽 生成式 AI DAY 15

技術 (Day 15)和 AI 一起打造睡前檢查表:建立孩子安心入睡的溫馨儀式

在前幾天的紀錄中,我分享了目前開發的兒童任務管理平台,已經具備了 基本任務管理、獎勵系統,還有 冒險地圖 與 成就抽獎 等趣味功能。這些設計的初衷,是希望孩子能...

鐵人賽 生成式 AI DAY 14

技術 (Day 14)成就抽獎系統:讓孩子在期待中培養堅持的力量

在目前的設計中,孩子已經能透過兩大核心功能探索學習的樂趣: 成語挑戰:讓他們在闖關中累積語文能力 動物冒險地圖:將每一次的學習進度化為一段旅程,孩子能一步...

鐵人賽 生成式 AI DAY 13

技術 (Day 13)讓孩子愛上成語學習:AI 驅動的漸進式挑戰

在完成 冒險地圖功能 並部署上線後,我立刻讓自己的孩子開始試用平台。 雖然原本設計了 完成任務可以蒐集拼圖碎片、解鎖動物 的機制,孩子確實很喜歡,但我總覺得還有...

鐵人賽 生成式 AI DAY 12

技術 (Day 12)從任務清單到動物冒險地圖:AI 輔助下的兒童互動設計(下集)

在上一篇文章中,我已經成功用 amCharts5 建立了一個互動世界地圖,讓孩子們能在地圖上看到不同國家的位置與形狀。接下來的挑戰,就是把這張「全球地圖」變成一...

鐵人賽 生成式 AI DAY 11

技術 (Day 11)從任務清單到動物冒險地圖:AI 輔助下的兒童互動設計(上集)

在完成了我平台的基礎核心功能後,我很快發現一個問題: 基礎功能雖然齊備,但畫面和體驗對小孩來說依然有些單調。 身為一個以「兒童任務管理」為核心的專案,我當然希望...

鐵人賽 生成式 AI DAY 10

技術 (Day 10)AI助攻:讓孩子主動完成作業的關鍵設計

上一篇文章中,我分享了兒童任務管理平台的雛形,已經能夠順利新增任務與列出任務清單。雖然功能已經達到基本需求,但我真正的目標,是打造一個讓小孩願意主動使用的平台。...

鐵人賽 生成式 AI DAY 9

技術 (Day 9)Vibe Coding 真香:行程管理功能輕鬆落地

在前兩篇文章中,我已經介紹了我如何透過 Firebase 提供的服務,建立並配置好運作環境,讓專案可以開始使用 Firestore 來實作資料存取功能。 接下來...

鐵人賽 生成式 AI DAY 8

技術 (Day 8)AI 助我用 Firebase 打造兒童任務管理平台 (下集)

在上一篇文章中,我分享了自己如何在毫無 Firebase 經驗的情況下,透過 AI 的協助完成了平台的基礎建設,包括 身分驗證 與 資料庫存儲。這些功能雖然已經...

鐵人賽 生成式 AI DAY 7

技術 (Day 7)AI 助我用 Firebase 打造兒童任務管理平台 (上集)

在開發一個具備 「使用者登入」 與 「個別資料紀錄」 的應用時,傳統作法通常需要自行設計登入系統、處理使用者驗證、建立資料庫結構,甚至還要配置檔案儲存空間與伺服...

鐵人賽 生成式 AI DAY 6

技術 (Day 6)用 AI 設計 Logo 與命名:實作與思考

讓孩子的每一天,都像一場冒險 在上一篇文章中,我分享了如何與 AI 有效溝通,來協助釐清設計風格與 UI 細節。這篇文章將更聚焦於我近期打造的 PWA 兒童...

鐵人賽 生成式 AI DAY 5

技術 (Day 5)如何與 AI 有效溝通設計風格與 UI 細節

作為一位完全沒有網頁開發經驗的桌面應用工程師,我在這次 PWA 平台的開發中,嘗試讓 AI 擔任主力設計師的角色。與其一開始就投入所有頁面的開發,我選擇先聚焦在...

鐵人賽 生成式 AI DAY 4

技術 (Day 4)好的開始是成功的一半:AI 助我走出第一步

做好事前準備後,我開始著手產出第一版應用,並請 AI 夥伴協助進行開發。原本以為這只是把整理好的需求交給 AI 處理,讓它產出一個初步版本,實際操作後才發現,這...

鐵人賽 生成式 AI DAY 3

技術 (Day 3) 我如何選定開發技術:AI 協助下的技術決策

選定平台主題之後,我並沒有立刻投入開發,而是花了幾天時間與 AI 深入討論,釐清開發前的各項技術細節。這段「準備期」對專案方向的確立極為關鍵,也讓我這個完全沒有...

鐵人賽 生成式 AI DAY 2

技術 (Day 2)我的 AI 協作夥伴:開發過程中的分工、觀察與反思

在上篇文章中,我簡單介紹了我的背景和這個兒童任務管理平台的開發契機,以及我如何透過 Vibe Coding 的方式開發整個專案。今天,我想聚焦在這段開發旅程中陪...

鐵人賽 生成式 AI DAY 1

技術 (Day 1) 我的開發背景與 Vibe Coding 初探

我是從事桌面應用開發多年的軟體工程師,對網頁技術一直不太熟悉。直到最近一年,我開始接觸多款 AI 開發工具,像是 Cursor、GitHub Copilot、W...